<template>
    <div id="liquid" style="width: 95%;height: 100%;">
    </div>


</template>
<script>
 import * as echarts from 'echarts';
export default {
     name: '',
        data () {
            return {
                charts: '',
            }
        },

        methods:{
            draw(id){
                this.charts = echarts.init(document.getElementById(id))
                 this.charts.setOption({
                    xAxis: {
                        type: 'category',
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: [{
                        data: [820, 932, 901, 934, 1290, 1330, 1320],
                        type: 'line',
                        smooth: true
                    }]
                 })
            }
        },
        mounted(){
            this.$nextTick(function() {
                this.draw('liquid')
            })
        }

}
</script>

<style lang="scss" scoped>
